<template>
	<view class="system">
		<view class="system-top">
			系统设置
			<img @click="back" src="@/static/img/common_btn_return_n.png" style='width: 10px;height: 19px;' alt="">
		</view>
		<view class="my-item" @click='feedback'>
			吐槽反馈
			<view class="my-item-right">
				<img @click='feedback' src="@/static/img/list_more_n.png" style='width: 10px;height: 17px;' />
			</view>
		</view>
		<view class="my-item" >
			关于我们
			<view class="my-item-right">
				<img src="@/static/img/list_more_n.png" style='width: 10px;height: 17px;' />
			</view>
		</view>
		<view class="logout" @click="logout">退出登录</view>
	</view>
</template>

<script>
	export default{
		methods:{
			back(){
				uni.navigateBack({
				    delta: 1
				});
			},
			feedback(){
				uni.navigateTo({
					url:'./workform'
				})
			},	
			logout(){
				this.$store.commit('logout');
				uni.reLaunch({
					url: '../login/login'
				});
			}
		}
	}
</script>

<style>
	.system{
		width: 100%;
	}
	.system-top img{
			position: absolute;
			left: 0px;
			top: 26px;
			padding: 12px;
		}
	.system-top img:active{
		  background-color: #eee;
	}
	.system-top{
		background-color: #fff;
		font-size: 16px;
		color: #35374b;
		text-align: center;
		height: 80px;
		line-height: 100px;
		border-bottom: 1px solid #DEDFE2;
	}
	.register{
		position: absolute;
		bottom: 104px;
		left: 12px;
		right: 12px;
		text-align: center;
		color: #1869E0;
		border: 1px solid #1869E0;
		border-radius: 24px;
		padding: 10px;
	}
	.register:hover{
		background-color: #1869E0;
		color: #fff;
	}
	.logout{
		position: absolute;
		bottom: 44px;
		left: 12px;
		right: 12px;
		text-align: center;
		color: #1869E0;
		border: 1px solid #1869E0;
		border-radius: 24px;
		padding: 10px;
	}
	.logout:hover{
		background-color: #1869E0;
		color: #fff;
	}
	.my-item {
		background-color: #fff;
		height: 60px;
		border-bottom: 1px solid #e1e1e3;
		margin: 0 12px 0 12px;
		font-size: 15px;
		color: #35374B;
		line-height: 60px;
	}
	
	.my-item-left img {
		float: left;
		margin-left: 12px;
		margin-top: 21px;
		margin-right: 12px;
	}
	
	.my-item-right {
		float: right;
		font-size: 14px;
		color: #abacb4;
	}
	
	.my-item-right img {
		float: right;
		margin-top: 21px;
		margin-left: 6px;
		margin-right: 10px;
	}
	
	.my-item:hover {
		background-color: #eee;
	}
</style>
